<template>
  <div id="app">
	  
  	{{msg}}
	<huazi v-show="isshow"></huazi>
	
	
	<fengzi @myevent="handle"></fengzi>
	<button type="button" @click="isshow=!isshow">click</button>
	
	
	<div id="">
		<h1>首页</h1>
		<router-view></router-view>
	</div>
  </div>
</template>

<script type="text/javascript">
	import huazi from "./components/huazi.vue"
	import fengzi from "./components/fengzi.vue"
	import Vue from "vue"
	Vue.component("huazi",huazi)
	
	export default{
		data(){
			return{
				isshow:false,
				msg:"华子怎么睡得着觉的"
			}
		},
		components:{
			fengzi
		},
		created() {
			this.msg+=",他这个年龄段"
		},
		methods:{
			handle(){
				this.isshow=!this.isshow
			}
		}
	}
</script>

<style lang="scss">
#app{
	width: 80%;
	height: 100px;
	background-color: thistle;
}
</style>
